<template>
  <div>
    <button @click="btnClick">点击</button>
  </div>
  <gl-input v-model="obj.name" ref="inputRef" name="sdfasda" age="dkkdkk">
    <el-button>加快速度</el-button>
  </gl-input>
</template>

<script lang='ts' setup>
import { ref, reactive, readonly } from "vue"

const arr = ref([1, 2, 3, 4, 5])
const num = ref(1)
const obj = reactive({
  name: '张三',
  age: 18,
  sex: '男'

})
const inputRef = ref(null)

console.log(inputRef);
// console.log(arr);
// console.log(num);
// console.log(obj);

const arr2 = readonly(arr.value)
const obj2 = readonly(obj)
// console.log(arr2);
// console.log(obj2);
// debugger;

const btnClick = () => {
  arr.value.push(6) 
}
</script>

<style scoped lang='scss'></style>
